import React from 'react'
import Header from '@/components/Header'
import Head from '@/components/Head'
import Footer from '@/components/Footer'
import '@/components/webindex.less'
import conf from '@/config'
class WebIndex extends React.Component {
  render() {
    return (
      <div className="web-main">
        <Header/>
        <Head />
        <div>
          <div className="banner">
            <p className="big-title">BEST MOBILE COMIC BOOK</p>
            <p className="little-title"><span className="opacity-6">READ A HUGE AMOUNT OF QUALITY COMICS FOR</span> <span className="bold" >FREE</span></p>
            <div className="down-item" >
              <a href={conf.googlePlay} ><img src="/static/index/andriod.png" /></a>
              {/* <a href={conf.appStore} ><img src="/static/index/ios.png" /></a> */}
            </div>
          </div>
          <div className="project-list">
            <p className="new-world" >OPEN A NEW WORLD</p>
            <p className="collection" >COLLECTION OF THE MOST POPULAR ORIGINAL COMIC BOUTIQUE</p>
            <img src="/static/index/list.jpg" className="" />
            <div className="tag-item">
              <div className="item" >Actuon</div>
              <div className="item adventure" >Adventure</div>
              <div className="item youth" >Youth</div>
            </div>
          </div>
        </div>
        <Footer />
        <style global jsx>
          {`
            body {
              min-width: 1280px;
            }
         `}
        </style>
      </div>
    )
  }
}

export default WebIndex
